<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			// 在Button上添加onclick="clickMe()"之后，当点击按钮后
			// 会触发下面代码执行
			function clickMe() {
				console.log('clickMe');
				// document：文档节点(document) 内置对象，可以直接使用
				//根据标签的名字拿到元素,页面上input标签可能有很多，所以返回的是一个数组
				var inputs = document.getElementsByTagName('input');
				console.log(inputs);
				// [input,input]
				// 数组就是存放多个元素的一个集合，下标从0开始
				console.log(inputs[0]);
				console.log(inputs[0].value);
				console.log(inputs[0].type);


				// 根据id值找到指定的标签，id是唯一标识一个标签
				var input = document.getElementById('inputId');
				console.log(input);
				console.log(input.value);
				
			}
		</script>
		<!-- 
		<style type="text/css">
			#inputId{
				
			}
		</style> -->
	</head>
	<body>
		<!-- 在编程里面id一般是表示唯一标识 -->
		<input id="inputId" type="text" name="username" value="" /><br />
		<input type="button" value="点我" onclick="clickMe()" />
		<!-- <button onclick="clickMe()">点我</button> -->
	</body>
</html>
